<template>
    <div>
        <Top />
        <div class="main">
            <Article />
            <Aside />
        </div>
    </div>
</template>

<script>
    import Top from '../components/Top'
    import Article from '../components/Article'
    import Aside from '../components/Aside'
    export default {
        name: 'App',
        components: { Top, Article, Aside }
    }
</script>

<style scoped>
    .main {
        position: relative;
        top: 62px;
        left: 0;
        display: flex;
        justify-content: space-between;
        width: 1000px;
        height: 1000px;
        margin: 0 auto;
    }
</style>